<!--<template>-->
<!--    <div class="edit-popup">-->
<!--        <el-form-->
<!--                :inline="true"-->
<!--                ref="formDataRef"-->
<!--                :rules="rulesContent"-->
<!--                :label-position="'right'"-->
<!--                :model="formData"-->
<!--        >-->
<!--            <el-card>-->
<!--                <template #header>-->
<!--                    <div class="card-header flex justify-start item-center gap-6">-->
<!--                        <el-form-item label="抽奖活动持续时间 / 分钟" prop="sign_switch" style="margin: 0">-->
<!--                            <el-input-number v-model="configData.duration" :min="0" :step="1"/>-->
<!--                        </el-form-item>-->
<!--                        <el-button type="success" v-show="configData.prize_status == 1" @click="goStart(1)" style="margin-left: auto">开启抽奖</el-button>-->
<!--                        <el-button type="danger" v-show="configData.prize_status == 2" @click="goStart(0)" style="margin-left: auto">暂停抽奖</el-button>-->
<!--                    </div>-->
<!--                </template>-->
<!--                <div class="card-div" v-for="(res, index) in prizeList" :key="res">-->
<!--                    <div class="card-div-title">奖品{{index+1}}</div>-->
<!--                    <div class="card-div-content">-->
<!--                        <el-form-item label="名称" prop="sign_switch" style="margin: 0">-->
<!--                            <el-input v-model="res.name" placeholder="请输入奖品名称1" />-->
<!--                        </el-form-item>-->
<!--                        <div class="card-div-content-type">-->
<!--                            <el-form-item label="类型" prop="gift_coupon" style="margin: 0">-->
<!--                                <el-select v-model="res.type">-->
<!--                                    <template v-for="(item, index) in goodList">-->
<!--                                        <el-option :label="item.name" :value="item.id" />-->
<!--                                    </template>-->
<!--                                </el-select>-->
<!--                            </el-form-item>-->
<!--                            <el-form-item v-if="res.type === 1" label="奖励积分值" prop="sign_switch" style="margin: 0">-->
<!--                                <el-input-number v-model="res.score_num" :min="0" :step="1"/>-->
<!--                            </el-form-item>-->
<!--                            <el-form-item v-if="res.type === 2" label="奖励鸡蛋数" prop="sign_switch" style="margin: 0">-->
<!--                                <el-input-number v-model="res.egg_num" :min="0" :step="1"/>-->
<!--                            </el-form-item>-->
<!--                            <el-form-item v-if="res.type === 3" label="奖励现金红包金额" prop="sign_switch" style="margin: 0">-->
<!--                                <el-input-number v-model="res.cash_num" :min="0" :step="1"/>-->
<!--                            </el-form-item>-->
<!--                            <el-form-item v-if="res.type === 4" label="请选择优惠券" prop="gift_coupon" style="margin: 0">-->
<!--                                <el-select v-model="res.coupon_id">-->
<!--                                    <template v-for="(item, index) in optionsData.category.list">-->
<!--                                        <el-option :label="item.name" :value="item.id" />-->
<!--                                    </template>-->
<!--                                </el-select>-->
<!--                            </el-form-item>-->
<!--                        </div>-->
<!--                        <el-form-item prop="cover" style="margin: 0">-->
<!--                            <div style="display:flex; flex-direction: column; gap: 10px; justify-content: center; align-items: center">-->
<!--                                <el-image v-if="res.cover" style="width: 100px; height: 100px" :src="res.cover" />-->
<!--                                <upload-->
<!--                                        v-model="res.cover"-->
<!--                                        :type="'image'"-->
<!--                                        :show-progress="true"-->
<!--                                        @changeGet="actionImg(res)"-->
<!--                                >-->
<!--                                    <el-button type="primary">本地上传</el-button>-->
<!--                                </upload>-->
<!--                            </div>-->
<!--                        </el-form-item>-->
<!--                        <el-form-item label="中奖概率 / %" prop="sign_switch" style="margin: 0">-->
<!--                            <el-input-number v-model="res.probability" :min="0" :step="1"/>-->
<!--                        </el-form-item>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </el-card>-->
<!--        </el-form>-->
<!--    </div>-->
<!--</template>-->
<!--<script lang="ts" setup>-->
<!--    import { formRules } from "./data.js";-->
<!--    import type { FormInstance } from 'element-plus'-->
<!--    import {  getDeliveryMethodList } from '@/api/order'-->
<!--    import { useDictOptions } from '@/hooks/useDictOptions'-->
<!--    import {ref} from "vue";-->
<!--    import { getConfig, updateConfig, savePrize, getPrizeList, couponList } from '@/api/turntable'-->
<!--    const emit = defineEmits(['success', 'close'])-->

<!--    const prizeList = reactive({}); // 保存的数据-->
<!--    const formDataRef = shallowRef<FormInstance>()-->
<!--    const { optionsData } = useDictOptions<{-->
<!--        category: any[]-->
<!--    }>({-->
<!--        category: {-->
<!--            api: couponList-->
<!--        }-->
<!--    })-->

<!--    defineExpose({-->
<!--        open,-->
<!--    })-->
<!--</script>-->
<!--<style lang="scss" scope>-->
<!--    //TODO-->
<!--    .pop-form {-->
<!--        .main {-->
<!--            display: flex;-->
<!--            flex-direction: row;-->
<!--            .main-left {-->
<!--                flex-basis: 50%;-->
<!--                border-right: 1px #B6B6B6 solid;-->
<!--                padding-right: 10px;-->
<!--                .title {-->
<!--                    text-align: center;-->
<!--                    color: #2494f2;-->
<!--                    font-weight: 600;-->
<!--                    font-size: 20px;-->
<!--                    margin-bottom: 20px;-->
<!--                }-->
<!--            }-->
<!--            .main-right {-->
<!--                flex-basis: 50%;-->
<!--                padding-left: 10px;-->
<!--                .title {-->
<!--                    text-align: center;-->
<!--                    color: #2494f2;-->
<!--                    font-weight: 600;-->
<!--                    font-size: 20px;-->
<!--                    margin-bottom: 20px;-->
<!--                }-->
<!--            }-->
<!--        }-->
<!--        /*background-color: rgba(246, 248, 255, 1);*/-->
<!--        /*color: rgba(64, 115, 250, 1);*/-->
<!--    }-->
<!--</style>-->
